<template>
    <div class="report">
        <!-- <mt-header :title="title">
            <router-link to="/" slot="left">
                <mt-button icon="back"></mt-button>
            </router-link>
        </mt-header> -->
        <div class="content">
            <span class="contentnone" v-if="!str">暂无举报信息</span>
            <div class="contentblock" v-else v-html="str"></div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            title:'举报信息',
            // content:'',
            str:''
        }
    },
    mounted(){
        this.getcontent()
    },
    methods:{
        //获取举报信息
        getcontent(){
            this.axios.get('/operate/sys/report/list').then(res=>{
                this.str=res.data.List[0].content
                // this.str = this.escapeStringHTML(this.content);
                console.log(this.content)
            })
        },
    },
    watch:{
        
    }
}
</script>

<style scoped>
.report{
    background: #f7f7f8;
    min-height: 100vh;
}
.content{
    margin: 0 auto;
    margin-top: .15rem;
    position: relative;
    min-height: 100vh;
    background: #fff;
}
.contentnone{
    font-size: .35rem;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.contentblock{
    padding: .3rem;
    padding-top: .5rem;
}
</style>